<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="a_head.htm" />

<script type="text/javascript">
 		function checkKilometer (altKm) {		
  			if (document.kilometererfassung.endekilometer.value == ""){
  				alert("Bitte geben Sie den neuen Kilometerstand ein!");
 				document.kilometererfassung.endekilometer.focus();
  				return false;
  			}
 		
	  		if (isNaN(document.kilometererfassung.endekilometer.value)){
	  			alert("Der eingegebene Kilometerstand '" + document.kilometererfassung.endekilometer.value + "' ist keine Zahl!\nBitte eine Zahl als Kilometerstand eingeben!");
	 			document.kilometererfassung.endekilometer.focus();
	  			return false;
	  		}
	 		
	  		if (document.kilometererfassung.endekilometer.value < altKm){
	  			alert("Nur durch illegale Methoden realisierbar!\nDer neue Kilometerstand muss höher sein als der Start-Kilometerstand!");
	 			document.kilometererfassung.endekilometer.focus();
	  			return false;
	  		}
	  		
	  		if (document.kilometererfassung.endekilometer.value == altKm){
	  			alert("Eine Fahrt ohne das Auto zu bewegen ist nicht möglich!\nDer neue Kilometerstand muss höher sein als der Start-Kilometerstand!");
	  			document.kilometererfassung.endekilometer.focus();
	  			return false;
	  		}
	  	}
		</script>
</head>
<body>
	<table align="center" id="breite" cellspacing="0" cellpadding="0"
		border="0">
		<tr>
			<td align="center" width="100%">
				<!--schatten um die seite oben -->
				<table width="100%" align="center" border="0" cellpadding="0"
					cellspacing="0">
					<tr>
						<td valign="top" id="s1"><img src="images/pixelspace.gif"
							width="50" height="50" border="0" alt=""></td>
						<td id="s2"><img src="images/pixelspace.gif" width="50"
							height="50" border="0" alt=""></td>
						<td id="s3"><img src="images/pixelspace.gif" width="50"
							height="50" border="0" alt=""></td>
					</tr>
					<tr>
						<td valign="top" id="s4"><img src="images/pixelspace.gif"
							width="50" height="50" border="0" alt=""></td>
						<td class="haupt" width="100%">
							<!--ende schatten um die seite oben -->

							<table width="100%" border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td colspan="3" id="top0">&nbsp;</td>
								</tr>
								<tr>
									<td valign="top">
										<table width="100%" border="0" cellpadding="0" cellspacing="0">
											<tr>
												<td valign="top" id="top1" width="33%">&nbsp;</td>
												<td valign="top" id="top2" width="33%">
													<!--- Menü oben wird eingebunden --> <jsp:include
														page="a_top_menu.htm" />
												</td>
												<td valign="top" id="top3" width="33%">&nbsp;</td>
											</tr>
										</table>
									</td>
								</tr>

								<tr>
									<td colspan="3" id="top4"><div id="name">*** Go Green - Share Your Car ***</div></td>
								</tr>
								<tr>
									<td colspan="3" id="inhalt">
										<div id="content">
											<h2>
												<c:out value="${title}" />
											</h2>
											<p>
												<c:out value="${message}" />
											</p>
											<form method="post" name="kilometererfassung"
												action="BeendeFahrt.html"
												onsubmit="return checkKilometer(${fahrt.startkilometer})">
												<table class="editing">
													<colgroup>
														<col class="attribute" />
														<col class="value" />
													</colgroup>
													<tbody>

														<%-- STARTFAHRT AUSGABEFELD --%>
														<tr>
															<td>Fahrtbeginn:</td>
															<td><input type="hidden" name="fahrtID"
																value='<c:out value="${fahrt.id}"/>' readonly size="40" />
																<c:out value="${fahrt.startfahrt}" /></td>
														</tr>

														<%-- KILOMETERSTAND BEI FAHRT BEGINN EINGABEFELD --%>
														<tr>
															<td>Kilometerstand (Start):</td>
															<td><c:out value="${fahrt.startkilometer}" /></td>
														</tr>


														<%-- KILOMETERSTAND BEI FAHRTENDE EINGABEFELD --%>
														<tr>
															<td>Kilometerstand (Ende):</td>
															<td><input type="text" name="endekilometer" size="6"
																maxlength="6" /></td>
														</tr>


														<%-- STANDORT EINGABEFELD --%>
														<tr>
															<td>Standort:</td>
															<td><select name="standortID">
																	<c:forEach items="${standort}" var="standort">
																		<option value="${standort.id}">${standort.plz}
																			${standort.ort}; ${standort.strasse}</option>
																	</c:forEach>
															</select></td>
														</tr>

														<tr class="submit">
															<td colspan="2">
																<input type="submit" value=" Fahrt beenden " /> 
																<input type="button" value=" Abbrechen " onclick="location.href = 'AlleFahrten.html'"/></td>
														</tr>
													</tbody>
												</table>
											</form>
										</div>
									</td>
								</tr>
							</table> 
		<jsp:include page="a_bottom_menu.htm"/>
	</body>
</html>